const Home = () => import('@/views/home')
const Singer = () => import('@/views/singer')
const Radio = () => import('@/views/radio')
const Brodcast = () => import('@/views/brodcast')
const Decision = () => import('@/views/decision')
const Login = () => import('@/views/login')
const Mine = () => import('@/views/mine')
const Singermine = () => import('@/views/singermine')
const Musiclist = () => import('@/views/musiclist')
const Musicstory = () => import('@/views/musicstory')
const Radiodetail = () => import('@/views/radiodetail')
const Register = () => import('@/views/register')

const Navbar = () => import('@/components/navbar')
const Tabbar = () => import('@/components/tabbar')

const routes = [
  {
    path: '/',
    redirect: '/home'
  },
  {
    path: '/home',
    name: 'Home',
    components: {
      header: Navbar,
      default: Home,
      footer: Tabbar
    },
    meta: {
      title: '首页',
      icon: '&#xe71b;',
      istab: true
    }
  },
  {
    path: '/radio',
    name: 'Radio',
    // component: Radio
    components: {
      header: Navbar,
      default: Radio,
      footer: Tabbar
    },
    meta: {
      title: '电台',
      icon: '&#xe678;',
      istab: true
    }
  },
  {
    path: '/singer',
    name: 'Singer',
    // component: Singer
    components: {
      header: Navbar,
      default: Singer,
      footer: Tabbar
    },
    meta: {
      title: '歌手',
      icon: '&#xe608;',
      istab: true
    }
  },
  {
    path: '/mine',
    name: 'Mine',
    // component: Mine
    components: {
      header: Navbar,
      default: Mine,
      footer: Tabbar
    },
    meta: {
      title: '个人中心',
      icon: '&#xe605;',
      istab: true
    }
  },
  {
    path: '/brodcast',
    name: 'Brodcast',
    // component: Brodcast
    components: {
      header: Navbar,
      default: Brodcast,
      footer: Tabbar
    },
    meta: {
      title: '播放'
    }
  },
  {
    path: '/decision',
    name: 'Decision',
    component: Decision
  },
  {
    path: '/login',
    name: 'Login',
    component: Login
  },
  {
    path: '/singermine',
    name: 'Singermine',
    // component: Singermine
    components: {
      header: Navbar,
      default: Singermine,
      footer: Tabbar
    },
    meta: {
      title: '歌手主页'
    }
  },
  {
    path: '/musiclist',
    name: 'Musiclist',
    component: Musiclist
  },
  {
    path: '/musicstory',
    name: 'Musicstory',
    // component: Musicstory
    components: {
      header: Navbar,
      default: Musicstory,
      footer: Tabbar
    },
    meta: {
      title: '故事详情'
    }
  },
  {
    path: '/radiodetail',
    name: 'Radiodetail',
    component: Radiodetail
  },
  {
    path: '/register',
    name: 'Register',
    component: Register
  }
]

export default routes
